<template>
    <view-box class="ZymlListDetail" bodyPaddingTop="0" bodyPaddingBottom="0">
        <x-header>资源详情</x-header>
        <group :title="'资源详情'+titles">
            <cell v-for="i in 8 " :key="i">
                <span slot="title">字段详情</span>
                <slot>{{i}}</slot>
                <!-- <span slot="value" ></span> -->
            </cell>

        </group>
    </view-box>
</template>
  <script>
import { ViewBox, XHeader, Cell, CellBox, CellFormPreview, Group } from "vux";
import { mapState, mapMutations, mapGetters, mapActions } from "vuex";
export default {
    name: "ZymlListDetail",
    components: {
        ViewBox,
        XHeader,
        Cell,
        CellBox,
        CellFormPreview,
        Group
    },
    data() {
        return {
            titles: "1",
            results: [1, 2, 34, 5, 6]
        };
    },
    computed: {
        //...mapGetters(["getCatalogPage"])
    },
    created() {
        if (this.$route.query.id !== undefined) {
            let codeId = this.$route.query.id;
            //this.$store.dispatch("getCatalogPage",{codeId:codeId,rows:this.rows,page:this.page});
        }
    },
    mounted() {},
    methods: {
        onFocus() {},
        onCancel() {},
        onSubmit(keytext) {
            this.$refs.search.setBlur();
            this.$vux.toast.show({
                type: "text",
                position: "top",
                text: keytext
            });
            this.results = [1, 2, 3];
        },
        onChange(keytext) {
            this.results = [11, 22, 33];
        }
    }
};
</script>
<style lang="less">
.ZymlListDetail {
    .icons {
        fill: #f70968;
    }
    .iconstext {
        color: #f70968;
    }
    .titles {
        font-size: 20px;
        color: black;
    }
    .textl {
        float: left;
        color: #e09932;
        font-weight: bold;
    }
    .textr {
        float: right;
        color: #0099eb;
        font-weight: bold;
    }
}
</style>